<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
        <title>propuesta ciudadana</title>
        <!-- css para menu  -->
        <link href="./../style_menu/style_menu.css" rel="stylesheet" type="text/css" />

         <!-- estilo para los comentarios -->
        <link  rel="stylesheet" type="text/css" href="../css/comentarios.css" media="screen">
         <!-- estilo para los comentarios -->
        <link  rel="stylesheet" type="text/css" href="../css/tabla.css" media="screen">

        <!-- css para el validador -->>
        <link href="../js/jquery.validity.css" rel="stylesheet" type="text/css" />

        <!-- terminan los css personales-->
        <!-- -esto es de paredes para lo del arbol -->
         <link rel="stylesheet" href="jquery.treeview.css" />
        <link href="../css/caja.css" rel="stylesheet" type="text/css"/>
        <script src="lib/jquery.js" type="text/javascript"></script>
        <script src="lib/jquery.cookie.js" type="text/javascript"></script>
        <script src="jquery.treeview.js" type="text/javascript"></script>
        <script type="text/javascript" src="demo.js"></script>
        <script src="../js/jquery.validity.js" type="text/javascript" ></script>

        <!-- aqui termina lo de paredes -->
        <!-- css para comentar -->
        <style type="text/css">
			.container 	{width: 60%; position:relative;
			             top: 2px;
			             left: 60%;}
			.boton		{font-family: Georgia, Times, serif;
			             font-size: 14px; background: #64b141;
			             color: white;
			             padding: 5px;
			             text-decoration: none;
			             cursor:pointer;
			             }
			.caja	{border: 2px solid #64b141;}
		    .caja p { padding: 5px;}
	</style>

        <!-- fin de css para comentar -->>

        <script languaje="javascript">
        var estado=0;
        var idcritica=null;
function mainmenu(){
$("#nav ul ").css({display: "none"});
$(" #nav li").hover(function(){
	$(this).find('ul:first:hidden').css({visibility: "visible",display: "none"}).slideDown(400);

	},function(){
		$(this).find('ul:first').slideUp(400);
	});
}
$(document).ready(function(){
	mainmenu();
	$('#jMuestra').hide();

	$('#jEsconde').click(function(e){
			animarcometario();
			});
});

function muestraregistro()
{
  $('#fmensaje').hide();
  $('#fregistro').css({display:"block"});
}
function animarcometario()
{
	if(estado==0)
	{
	$('#contf').animate({top:2,left:300}, "slow");
	 estado=1;
	}
	else
	  {
		$('#contf').animate({top:2,left:600}, "slow");
		estado=0;
	  }
	$('#jMuestra').slideToggle();
	$('#idcritica').attr('value',idcritica);
}
function ocultacomentario()
{   $('#jMuestra').slideToggle();
	$('#contf').animate({top:2,left:600}, "slow");
	estado=0;
	}
</script>
<script language="javascript">
            $(function() {
                $("#fmensaje").validity(function() {
                	$("#calificacion")
                    .require()
                    .match("number")
                    $("#mensaje")
                        .require()
                        .match("text")
                    $("#alias")
                        .require()
                        .match("text")




                });

                $("#fregistro").validity(function() {
                    $("#Nombre")
                        .require()

                   $("#Apellido")
                        .require()
                   $("#Alias")
                        .require()
                  $("#Correo")
                        .require()
                   $("#Ocupacion")
                   .require()

                });

            });


        </script>
        <script language="javascript">
        function getvar(elemento)
        {
           idcritica=obtenervarurl(elemento)
           //alert(idcritica);
        }
        function mensaje(contenido)
        {
            alert(contenido);
            }
        function obtenervarurl(url)
        {
        	var regexS = "[\\?&]"+'var'+"=([^&#]*)";
        	var regex = new RegExp ( regexS );
        	var tmpURL = url;
        	var results = regex.exec( tmpURL );
        	if( results == null )
        		return"";
        	else
        		return results[1];
         }
        </script>
    </head>
    <body>
    <center>
         <div class="general">
           <div id="imghead">
            <img src="../imagenes/header5.png"  />
           </div>
           <div class="menup">
             <?php include("menu.html"); ?>
             </div>
             <br/>
             <br/>
            </div>
           <div id="contenido">
             <div id="cajaarriba1">
               <div id="cajaabajo1">
                 <div class="cajap">
                 <div class="allconten">
                     <div id="contacto" class="tituloginforma">
                                                            Contacto:
                                                 </div>
                                                 <div style="position: relative; top: 30px; left: 20px; width: 70%; padding: 2px 10px 2px 20px;">
                                                     <p class="parrafon" style="font-size:1.2em;">
                                                        Este es un espacio abierto para todos los visitantes
                                                        si tienes algun comentario, propuesta o denuncia
                                                        agradecemos lo compartas con los demas.
                                                     </p>
                                                     <br>
                                                     <br>
                                                   </div>
                                                    <div id="contf" class="container"><!-- .container -->
		                                               <!-- jQuery slideToggle -->
		                                                  <h2><a class="boton" id="jEsconde">No te vallas sin comentar</a></h2>
		                                                  <div class="caja" id="jMuestra">
			                                                  <div class="fcomenta">
                <div >
                         <form style="display:none;" method="post" action="procesacomentario.php" id="fregistro" target="iframeUpload">
      <fieldset>
        <legend>Perfil</legend>
        <ol style="list-style: none;">
            <li><label>Nombres:</label><input id="Nombre" type="text" size="30" name="fnombre" /></li>
            <li><label>Apellidos:</label><input id="Apellido" type="text" size="30" name="fapellido" /></li>
            <li><label>Alias:</label><input id="Alias" type="text" size="30" name="falias" /></li>
            <li><label>Ocupacion:</label><input id="Ocupacion" type="text" size="30" name="focupacion" /></li>
            <li><label>Correo:</label><input id="Correo" type="text" size="30" name="fcorreo" /></li>
            <input type="hidden" name="tipoform" value="registro">
        </ol>
        <input type="submit"   name="Enviar" value="Enviar" />
      </fieldset>
      </form>
                </div>
                <form id="fmensaje" action="procesacomentario.php" method="post" target="iframeUpload">
                Alias:<input id="alias" name="alias" type="text" size="15"></input><br/>
                &iquest;C&oacute;mo considera el desempe&ntilde;o?
                <SELECT id="calificacion" NAME="calificacion">
				<OPTION value="" selected>califica..</OPTION>
				<OPTION value="100">Excelente</OPTION>
				<OPTION value="90">Muy Bueno</OPTION>
				<OPTION value="80">Bueno</OPTION>
				<OPTION value="70">Regular</OPTION>
				<OPTION value="60">Malo</OPTION>
				<OPTION value="50">Muy Malo</OPTION>

				</SELECT>
				<br>
                <textarea id="mensaje" name="mensaje"class="textareafc"></textarea> <br>
                <input type="checkbox" name="chfacebook" value="on">Publicar tambien en FaceBook<br/>
                <input type="hidden" name="tipoform" value="comentario">
                <input type="hidden" id="idcritica" name="idcritica" >
                <input name="Enviar" type="submit" value="Enviar" style="margin-bottom:10px;"/><br>
                </form>
             </div>
	                                                      </div>
	                                                      <iframe style="display:none;" name="iframeUpload" ></iframe>
	                                                  </div><!-- /.container -->
            <iframe name="frame1" id="frame1"  class="iframe"></iframe>
            <?php
            require('../conexion.php');
            $queEmp = "select nombre,id from departamento where idMunicipio='m1'";
            $resEmp = mysql_query($queEmp) or die(mysql_error());
            ?>
            <form action="index.php" method="get">
                <div id="main">
                  <div id="arbol">
                    <ul id="red" class="treeview-red">
                        <?php
                        while ($resultadoDepartamento = mysql_fetch_assoc($resEmp)) {
                            echo '<li><span><a onclick="javascript:getvar(this)" href="autocomplete/index.php?var=' . $resultadoDepartamento["id"] . '" target="frame1"'.'>Rejiduria de ' . $resultadoDepartamento["nombre"] . '</a></span>';
                            $queEmp = "select nombre,id from proyecto where iddepartamento='".$resultadoDepartamento["id"]."'";
                            $resEmp2 = mysql_query($queEmp) or die(mysql_error());
                            while ($resultadoProyecto = mysql_fetch_assoc($resEmp2)) {
                            echo ' <ul>
                               <li><span><a onclick="javascript:getvar(this)" href="autocomplete/index.php?var=' . $resultadoProyecto["id"] . '" target="frame1" >' . $resultadoProyecto["nombre"] . '</a></span>
                               </ul>';
                            }
                            echo '</li>';
                        }
                        ?>

                    </ul>
                    </div>
                </div>
            </form>
          </div>
          <div style="clear: both;"></div>
          <div style="position: top center; width: 200px;">
<div id="result"></div>


          </div>


       <div></div>
        </div>
      </div>
        </div>
        </center>
    </body></html>